html {
    overflow: hidden;
    height:100%;
}
body {
    overflow-x: hidden; overflow-y: auto;
}
.contain { width: 100%; height: 100%; position: relative; z-index: 0;}
.active .contain, .slide .contain { display: block;}


.center-wrap { position: relative; z-index: 1; width: 1040px; height: 100%; margin: 0 auto;}
.desc { position: relative; z-index: 1;}

.section { overflow: hidden;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 25px;}
.no_padd {padding:0;}



.screen_md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top:100px;
}
.page1 {
    margin:auto;
    width: 100%;
    height:950px;
    overflow: hidden;
    background:url(../img/banner01.jpg) no-repeat center bottom;
}

/*.page1 img {
    padding:290px 0 0 220px;
}*/

/***
       page2
***/

.page2 {
    background:url(../img/clbg.jpg) no-repeat center top;
}
.page2 .cl_left{
   width:40%;
   float:left;
   text-align:right;
   padding-top:9%;
}
.page2 .cl_right{
   width:50%;
   float:left;
   text-align:left;
   padding-left:10%;
}
.page2 .title{
   padding-top:15%;
   width:100%;
   text-align:center;
   line-height:100px;
   font-size:70px;
   font-weight:600;
   color:#FFFFFF;
   padding-bottom:10px;
}

.page2 .test{
   width:100%;
   text-align:center;
   line-height:50px;
   font-size:32px;
   font-weight:500;
   color:#FFFFFF;
   padding-bottom:10px;
}
.page2 .more{
   width:100%;
   text-align:center;
   line-height:60px;
}
.page2 img{
   max-width:100%;
}

/***
       page2 end
***/

/***
       page3
***/
.page3 {
    background:url(../img/qgbg.jpg) repeat;
    margin:auto;
    width: 100%;
    height:950px;
    overflow: hidden;

}



.page3 .cl_left{
   width:45%;
   float:left;
   text-align:center;
   padding-top:9%;
}
.page3 .cl_right{
   width:55%;
   float:left;
   text-align:left;
   padding-top:5%;
}
.page3 .title{
   padding-top:15%;
   width:100%;
   text-align:center;
   line-height:100px;
   font-size:70px;
   font-weight:600;
   color:#FFFFFF;
   padding-bottom:10px;
}

.page3 .test{
   width:100%;
   text-align:center;
   line-height:50px;
   font-size:32px;
   font-weight:500;
   color:#FFFFFF;
   padding-bottom:10px;
}
.page3 .more{
   width:100%;
   text-align:center;
   line-height:60px;
}
.page3 img{
   max-width:100%;
}



/***
       page3 end
***/



/***
       page4
***/
.page4 {
    background:url(../img/servicebg.jpg) no-repeat center top;
}
.page4 .title{
   padding-top:7%;
   width:100%;
   text-align:center;
   line-height: 100px;
   font-size: 60px;
   font-weight: 600;
   color:#FFFFFF;
   padding-bottom:20px;
}

.page4 .test{
   width:100%;
   text-align:center;
   line-height:40px;
   font-size:20px;
   font-weight:500;
   color:#FFFFFF;
   padding-bottom:10%;
}
.page4 ul li{
  width:33.33333%;
  float:left;
  text-align:center;
}
.page4 ul li dd{
  line-height:30px;
  font-size:16px;
  color:#FFFFFF;
  text-align:center;
  padding-top:30px;
}
.page4 ul li dt{
  line-height:30px;
  font-size:16px;
  color:#FFFFFF;
  text-align:center;
  font-weight:400;
}
.page4 .joinmore{
   width:100%;
   text-align:center;
   padding-top:170px;
}
/***
       page4 end
***/

/***
       page5
***/
.page5 {
    background:url(../img/aboutbg.jpg) no-repeat center top;
}
.page5  .ab_left{
   width:50%;
   float:left;
   padding-right:2%;
   text-align:right;
   padding-top:9%;
}
.page5  .ab_right{
   width:50%;
   float:left;
   text-align:left;
}
.page5 .title{
   padding-top:15%;
   width:90%;
   text-align:left;
   line-height:100px;
   font-size:60px;
   font-weight:600;
   color:#e5002b;
   padding-bottom:20px;
}

.page5 .test{
   width:90%;
   text-align:left;
   line-height:30px;
   font-size:16px;
   font-weight:400;
   color:#010101;
   padding-bottom:30px;
}
.page5 img{
   max-width:100%;
}

/***
       page5 end
***/
/***
       page6
***/
.page6 {
    background:url(../img/bybg.jpg) no-repeat center top;
}
.page6 .cl_left{
   width:60%;
   float:left;
   text-align:right;
   padding-top:9%;
}
.page6 .cl_right{
   width:40%;
   float:left;
   text-align:left;
}
.page6 .title{
   padding-top:15%;
   width:100%;
   text-align:center;
   line-height:100px;
   font-size:70px;
   font-weight:600;
   color:#FFFFFF;
   padding-bottom:10px;
}

.page6 .test{
   width:100%;
   text-align:center;
   line-height:50px;
   font-size:32px;
   font-weight:500;
   color:#FFFFFF;
   padding-bottom:10px;
}
.page6 .more{
   width:100%;
   text-align:center;
   line-height:60px;
}
.page6 img{
   max-width:100%;
}

/***
       page6 end
***/

/***
       page7
***/
.page7 {
    background: url(../img/ppbg.jpg) no-repeat center bottom;

}
.page7 .cl_left{
   width:45%;
   float:left;
   text-align:center;
   padding-top:9%;
}
.page7 .cl_right{
   width:55%;
   float:left;
   text-align:left;
   padding-top:9%;
}
.page7 .title{
   padding-top:15%;
   width:100%;
   text-align:center;
   line-height:100px;
   font-size:70px;
   font-weight:600;
   color:#FFFFFF;
   padding-bottom:10px;
}

.page7 .test{
   width:100%;
   text-align:center;
   line-height:50px;
   font-size:32px;
   font-weight:500;
   color:#FFFFFF;
   padding-bottom:10px;
}
.page7 .more{
   width:100%;
   text-align:center;
   line-height:60px;
}
.page7 img{
   max-width:100%;
}
/***
       page7 end
***/


/*footer*/
.fp-auto-height
{
    height: auto !important;
}